@import './reset.scss';
@import './transition.scss';
@import './page.scss';

// 清浮动
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// 鼠标移入光标形状
.pointer {
  cursor: pointer;
}

// 单行文字溢出时出现省略号，需设定宽度
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 两行文字溢出时出现省略号，需设定宽度
.ellipsis-two {
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
}

// 设置为内联元素
.inline-block {
  display: inline-block
}

// 常用位置变化
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.vertical-middle {
  vertical-align: middle;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right
}

// 常用字号
.font16 {
  font-size: 16px;
}
.font24 {
  font-size: 24px;
}

// 常用间距 及 填充
.mr10 {
  margin-right: 10px;
}
.mt20 {
  margin-top: 20px;
}
